<template>
  <div>
    <!-- //template中可以省略this -->
    <p>单价 {{price}}</p>
      <p>数量: {{count}}</p>
        <p>总价: {{total}}</p>
        <!-- 计算属性的用法和data中的数据一样，虽然他是函数，但不要加括号 -->
  </div>
</template>

<script>
export default {
  name: 'VueThreeApp',

  data() {
    return {
      price:10,
      count:20
    };
  },

  mounted() {
    
  },
  computed:{
total(){
return this.price * this.count
}
  },

  methods: {
    
  },
};
</script>

<style lang="scss" scoped>

</style>